/* pages/collect/collect.wxss */
page {
    .collect_main {
        .collect_title {
            display: flex;
            background-color: rgb(243, 243, 243);
            padding: 10rpx 0;
            .collect_tips {
                width: 150rpx;
                height: 80rpx;
                border: 2rpx solid rgb(207, 206, 206);
                margin-left: 30rpx;
                text-align: center;
                line-height: 80rpx;
                background-color: #fff;
            }

            .collect_tips:first-child {
                width: 100rpx;
            }

            .active {
                border: 2px solid var(--themeColor);
                color: var(--themeColor);
            }
        }

        .collect_content {
            .goods-item {
                display: flex;
                border-bottom: 1px solid #ccc;
            
                .img-wrap {
                  flex: 2;
                  display: flex;
                  justify-content: center;
                  align-items: center;
            
                  image {
                    width: 70%;
                  }
                }
            
                .info-wrap {
                  flex: 3;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-around;
            
                  .goods-name {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                  }
            
                  .goods-price {
                    color: var(--themeColor);
                    font-size: 30rpx;
                  }
                }
              }
        }
    }
}